<template>
    <div class="zdrq">
      <div>
        <div style="margin-bottom: 15px">
          <el-button-group>
            <el-button
              v-for="item in btn_list"
              :key="item.index"
              size="small"
              :type="isNow == item.index ? 'primary' : ''"
              @click="isNow = item.index"
            >
              {{ item.name }}
              <el-tooltip
                class="item"
                effect="dark"
                :content="item.title"
                placement="bottom"
              >
                <i class="el-icon-question"></i>
              </el-tooltip>
            </el-button>
          </el-button-group>
        </div>
        <span style="display: inline-block; margin-left: 15px">责任单位：</span>
        <el-select
          filterable
          placeholder="请选择责任单位"
          size="small"
          style="width: 25%"
        >
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
        <span style="display: inline-block; margin-left: 15px">责任医生：</span>
        <el-select
          filterable
          placeholder="请选择责任医生"
          size="small"
          style="width: 25%"
        >
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
        <el-button
          type="primary"
          plain
          size="small"
          icon="el-icon-refresh-right"
          style="
            background-color: #fff;
            color: rgb(47, 160, 254);
            margin-left: 15px;
          "
          >重置</el-button
        >
        <el-button type="primary" size="small" icon="el-icon-search"
          >搜索</el-button
        >
      </div>
      <el-tag type="warning" style="color: #000;display: block;margin-top: 10px;">温馨提示：以下异常数据在您修改完善后，系统将在第二天再次自动质控。如符合质控要求的数据，将从下方列表中移除；如不符合质控要求的，还会显示在下方列表中。</el-tag>
      <el-table
        :data="tableData"
        style="width: 100%; margin-top: 15px"
        :header-cell-style="{
          color: '#000',
          backgroundColor: 'rgb(222,234,255)',
        }"
        height="560"
      >
        <el-table-column
          prop="name"
          label="居民姓名"
          align="center"
          fixed="left"
        >
        </el-table-column>
        <el-table-column prop="six" label="性别" >
        </el-table-column>
        <el-table-column prop="age" label="年龄" >
        </el-table-column>
        <el-table-column prop="ys" label="责任医生" > </el-table-column>
        <el-table-column prop="ys1" label="	责任单位" >
        </el-table-column>
        <el-table-column prop="date" label="操作">
          <template slot-scope="">
            <el-button
              type="primary"
              plain
              size="mini"
              @click="dialogVisible = true"
              style="background-color: #fff; color: rgb(47, 160, 254)"
              >查看患者详情</el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <div style="text-align: right; margin-top: 20px">
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page.sync="currentPage3"
          :page-size="100"
          layout="prev, pager, next, jumper"
          :total="1000"
        >
        </el-pagination>
      </div>
      <!-- 弹层开始 -->
      <el-dialog
        title="老年人中医药健康服务"
        :visible.sync="dialogVisible"
        width="97%"
      style="margin-top: -10vh;"
        :before-close="handleClose"
        :append-to-body="true"
        :close-on-click-modal="false"
      >
        <div style="height: 65vh; overflow: auto">
          <lnrzyyjkfw></lnrzyyjkfw>
        </div>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">关 闭</el-button>
          <el-button type="primary" @click="dialogVisible = false"
            >保 存</el-button
          >
        </span>
      </el-dialog>
      <!-- 弹层结束 -->
    </div>
  </template>
            
            <script>
  import lnrzyyjkfw from "@/views/tab_info/lnrzyyjkfw.vue";
  
  export default {
    components: {
      lnrzyyjkfw,
    },
    data() {
      return {
        tableData: [
        {
          name: "王洛勇",
          six: "男",
          age: "46",
          bordy: "1988-10-11",
          idcarde: "532186358415661",
          jdDate: "2021-5-16",
          ys: "熊有庆",
          sc: "正常",
        },
        {
          name: "张云龙",
          six: "男",
          age: "46",
          bordy: "1988-10-11",
          idcarde: "532186358415661",
          jdDate: "2021-5-16",
          ys: "熊有庆",
          sc: "正常",
        },
        {
          name: "李文文",
          six: "女",
          age: "46",
          bordy: "1988-10-11",
          idcarde: "532186358415661",
          jdDate: "2021-5-16",
          ys: "熊有庆",
          sc: "正常",
        },
        {
          name: "张雨生",
          six: "男",
          age: "46",
          bordy: "1988-10-11",
          idcarde: "532186358415661",
          jdDate: "2021-5-16",
          ys: "熊有庆",
          sc: "正常",
        },
      ],
        options: [
          {
            value: "测试",
            label: "测试",
          },
        ],
        dialogVisible: false,
        btn_list: [
          {
            index: 1,
            name: "老年人合并孕产妇",
            title: "截止到统计时间同时拥有老年人和孕产妇人群的人",
          },
          {
            index: 2,
            name: "老年人合并儿童",
            title: "截止到统计时间同时拥有老年人和儿童人群的人",
          },
          {
            index: 3,
            name: "人群标识错误",
            title: "有5个及以上人群的居民（不包含普通人群）",
          },
          {
            index: 4,
            name: "老年人年龄小于64岁",
            title: "标记为老年人但是实际年龄小于65岁的人",
          },
          {
            index: 5,
            name: "孕期超过50周",
            title: "孕产妇为自动结案的孕期或50周以后仍然没有自动结案的",
          },
          {
            index: 6,
            name: "儿童年龄大于7岁",
            title: "正在生效的儿童但是年龄大于7岁",
          },
          {
            index: 7,
            name: "孕产妇无“孕产妇建册” ",
            title: "截止到统计时间，人群为孕产妇，但无“孕产妇建册”的人",
          },
          {
            index: 8,
            name: "肺结核患者无“肺结核疗程”",
            title: "截止到统计时间，人群为肺结核患者，但无“肺结核疗程”的人",
          },
          {
            index: 9,
            name: "高血压患者无“高血压首诊”",
            title: "截止到统计时间，人群为高血压患者，但无“高血压首诊”的人",
          },
          {
            index: 10,
            name: "2型糖尿病患者无“2型糖尿病患者随访”",
            title: "截止到统计时间，人群为2型糖尿病患者，但无“2型糖尿病患者随访”的人",
          },
          {
            index: 11,
            name: "孕产妇合并儿童",
            title: "截止到统计时间，同时拥有孕产妇和儿童人群的人",
          },
          {
            index: 12,
            name: "普通居民合并重点人群",
            title: "截止到统计时间，同时拥有普通居民和任一重点人群的人",
          },
          {
            index: 13,
            name: "无人群标识",
            title: "截止到统计时间，无人群标识的人",
          },
          {
            index: 14,
            name: "严重精神障碍患者无“严重精神障碍个人信息补充”",
            title: "截止到统计时间，人群为严重精神障碍患者，但无“严重精神障碍个人信息补充”的人",
          },
        ],
        isNow: 1,
      };
    },
    methods: {
      handleClose() {
        this.dialogVisible = false;
      },
    },
  };
  </script>
            
            <style>
  .zdrq {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
  }
  </style>